<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <title>Contact Us| Isatech Indonesia - IT Consulting and Software Development</title>

        <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
        <!-- CSS -->
        <link rel="shortcut icon" href="images/logo.ico" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
        <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css"/>
        <![endif]-->

        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
    <body>
        <!-- start: Top Menu -->
        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#"><img src="images/logo.png"/></a>
                    <div class="nav-collapse collapse">
                        <ul class="nav pull-right">
                            <li><a href="./index.html">Home</a></li>
                            <li><a href="./about.html">About</a></li>
                            <li><a href="./services.html">Services</a></li>
                            <li><a href="./portfolio.html">Portfolio</a></li>
                            <li class="active"><a href="./contact.html">Contacts</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- end: Top Menu -->
<!-- start: Container -->
<div class="container">

    <!-- start: Page header / Breadcrumbs -->
    <section class="breadcrumbs">
        <div class="page-header">
            <h1 style="font-weight:bold">Contact Us<small></small></h1>
        </div>
        <div class="breadcrumbs">
            You are here: <a href="#">Home</a><i class="icon-angle-right "></i>Contact Us
        </div>
    </section>
    <!-- end: Page header / Breadcrumbs -->

    <div class="row">

        <!-- start: Page section -->
        <section id="page-sidebar" class="span12">

            <div class="page-inner">
                <div class="row-fluid">
                    <div class="span12">
                        <div class="gmap"><iframe src="http://mapsengine.google.com/map/u/20/embed?mid=zfst_0nYYQwo.kWtxecbsI1yE" width="100%" height="480"></iframe></div>
                    </div>
                </div>
                <div class="sub-inner">
                    <div class="row-fluid">
                        <!-- <p>Curabitur turpis elit, imperdiet a lacinia consequat, posuere in nisi. Etiam sed egestas lacus. Maecenas nec massa quis metus sollicitudin pellentesque in eget purus. Mauris in nibh vel tellus congue tincidunt et non nibh. Nunc sed odio sed felis accumsan scelerisque. Donec sit amet tempor purus. Nunc cursus tortor eu ipsum tincidunt vitae elementum arcu fringilla. Cras consequat tincidunt nisi nec convallis.</p> -->
                    </div>
                    <div class="row-fluid">
                        <div class="span8">
                            <h3>Leave Your Message</h3>
                            <form name="contact" method="post" action="mail.php" class="af-form" id="af-form" />
                                <div class="row-fluid">

                                    <div class="af-outer af-required">
                                        <div class="af-inner">
                                            <input type="text" name="name" id="name" size="30" value="" placeholder="Name" class="text-input span12 placeholder" />
                                            <label class="error" for="name" id="name_error">Name is required.</label>
                                        </div>
                                    </div>

                                </div>
                                <div class="row-fluid">

                                    <div class="af-outer af-required">
                                        <div class="af-inner">
                                            <input type="text" name="email" id="email" size="30" value="" placeholder="Email" class="text-input span12 placeholder" />
                                            <label class="error" for="email" id="email_error">Email is required.</label>
                                        </div>
                                    </div>

                                </div>
                                <div class="row-fluid">

                                    <div class="af-outer af-required">
                                        <div class="af-inner">
                                            <textarea name="message" id="input-message" cols="30" placeholder="Message" class="text-input span12 placeholder"></textarea>
                                            <label class="error" for="input-message" id="message_error">Message is required.</label>
                                        </div>
                                    </div>

                                </div>
                                <div class="row-fluid">

                                    <div class="af-outer af-required">
                                        <div class="af-inner">
                                            <input type="submit" name="submit" class="form-button btn btn-primary btn-large" id="submit_btn" value="Send Message!" />
                                        </div>
                                    </div>

                                </div>
                            </form>
                        </div>
                        <div class="span4">
                            <section>
                                <h3>Address</h3>
                                <address>
                                    <ul class="icons">
                                        <li><i class="icon-map-marker"></i>Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                                        <li><i class="icon-phone"></i>+62 274 556330</li>
                                        <!-- <li><i class="icon-print"></i>(123) 456-7890</li> -->
                                        <li><i class="icon-envelope"></i><a href="mailto:#">isatechindonesia@gmail.com</a></li>
                                    </ul>
                                </address>
                            </section>
                            <section>
                                <h3>Business Hour</h3>
                                <ul class="unstyled">
                                    <li class="clearfix">Monday - Friday: 8 am  to 4 pm</li>
                                    <!-- <li class="clearfix">Saturday: 10 am  to 4 pm</li> -->
                                    <li class="clearfix">Saturday & Sunday: Closed</li>
                                </ul>
                            </section>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <!-- end: Page section -->

    </div>

</div>
<!-- end: Container -->
    <!-- start: Footer -->
    <footer id="footer">
        <div class="container">
            <ul class="social clearfix">
                <li><a href="#" data-original-title="Facebook">
                        <i class="icon-facebook-sign"></i>
                    </a></li>
                <li><a href="#" data-original-title="Twitter">
                        <i class="icon-twitter-sign"></i>
                    </a></li>
                <li><a href="#" data-original-title="Google+">
                        <i class="icon-google-plus-sign"></i>
                    </a></li>
            </ul>
        </div>
    </footer>
    <!-- end: Footer -->

    <!-- start: Footer menu-->
    <section id="footer-menu">
        <div class="container">
            <div class="row">
                <div class="span4">
                    <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://isatechindonesia.com/">Isatech Indonesia</a>.</p>
                </div>
                <div class="span8 hidden-phone">
                    <ul class="pull-right">
                        <li><i class="icon-map-marker"></i> Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- end: Footer menu-->
</body>
</html>
